$(function () {
    // 点击去注册时，登录页面隐藏，注册页面显示
    $('#link-reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('#link-login').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    // 表单验证规则
    // 获取layui中的form
    let form = layui.form
    let layer = layui.layer
    // 通过form.verify自定义校验规则
    form.verify({
        // 不含空格，6——12位
        pwd: [/^[\S]{6,12}$/, '密码必须6-12位,不包含空格'],
        repwd: function (value) {
            // 注册页面中name属性为password的value值
            let pwd = $('.reg-box [name=password]').val()
            if (pwd != value) {
                return '两次密码不一致'
            }
        }
    })

    // 监听注册表单提交
    $('#form_reg').on('submit', function (e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/api/reg',
            // data: {
            //     username: $('#form_reg [name=username]').val(),
            //     password: $('#form_reg [name=password]').val(),
            //     repassword: $('#form_reg [name=repassword]').val()
            // },
            data: $(this).serialize(),
            success(res) {
                if (res.code !== 0) {
                    // layer.msg layui的提示框
                    return layer.msg(res.message)
                }
                layer.msg('注册成功')
                // 模仿点击去登录按钮
                $('#link-login').click()
            }
        })
    })

    // 监听登录表单提交
    $('#form_login').submit(function (e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize(),
            success(res) {
                if (res.code != 0) {
                    return layer.msg(res.message)
                }
                layer.msg('登录成功')
                // 登录成功获取到token，保存到localStorage
                // token表示令牌的意思,一般用于请求有权限的接口时,需要主动携带(放的位置为请求头)
                localStorage.setItem('token', res.token)
                // 跳转到后台主页
                location.href = '/index.html'
            }
        })
    })


})